<!DOCTYPE HTML>
<html>
<head>
<title>Cart</title>
	<link rel="stylesheet" type="text/css" href="/css/reset.css"/>
	<link rel="stylesheet" type="text/css" href="/css/index.css"/>
	<link rel="stylesheet" type="text/css" href="/css/cart.css"/>
	<script src="/lib/requirejs/require.js" data-main="/js/cart"></script>
</head>
<body>
    <header></header>
    
    <div class="cart_header">
    	<div class="wrap">
    		<a href="" class="left">
    			<img src="/images/htc.png"/>
    		</a>	
    		
    		<div class="purchase-steps">
                <div class="step-first"><span></span><b>1</b><i>购物车</i></div>
                <div class="step"><span></span><b>2</b><i>确认订单</i></div>
                <div class="step"><span></span><b>3</b><i>支付</i></div>
                <div class="step-last"><span></span><i>完成</i></div>
            </div>
    		
    	</div>
    </div>
    <div class="cart_container">
    	<div class="wrap">
	    	<div class="empty hidden">
			    <div class="context">
			    	<div class="cart"><img src="/images/cart.jpg"/></div>
			    	<div class="right">
			    		<p><strong>购物车里空空如也</strong>赶紧去<a href="/index.html">逛逛吧</a></p>
			    		<p>或者您可以先进行<a href="/html/login.html">登录</a></p>
			    	</div>			    	
			    </div>
		    </div>
			<div class="not-empty">				
				<div class="t_head">
					<div class="cart-title">购物车</div>
					<div class="t_head_context">
						<ul>
							<li>
								<input type="checkbox" name="checkbox" class="ck_all" id="checkbox" checked="checked"/>全选
							</li>
							<li>商品</li>
							<li>重量</li>
							<li>单价(元)</li>
							<li>数量</li>
							<li>小计(元)</li>
							<li>操作</li>
						</ul>
					</div>
				</div>	
				
				<!--购物车主体内容-->
				<div class="t_container_wrap">
	
				</div>
		
				<!--结算-->
				<div class="t_count">
					<div class="cart-foot clearfix">
						<div class="cell checkbox"><input class="foot-check-all ck_all" type="checkbox" checked="checked"> 全选</div>							
						<div class="total-infos">						
							<div class="infos-wrap">
								<p class="total">已选商品<span class="total-quantity">2</span>件　　合计：<span class="symbol">￥</span><span class="integer">405.</span><span class="decimal">89</span></p>
								<p></p>
							</div>
							<a href="/html/confirm.html" class="submit-all">去结算</a>
						</div>
					</div>
				</div>
			</div>
    	</div> 	
    </div>		
    
	<!--购物车template模板-->
	<script type="text/html" id="cart-template">
					{{each products prod}}
					<div class="t_container">
						<div class="context">
							<div class="top">
								<span>{{prod.country}}BA保镖药房</span>
								<span>|</span>
								<i>{{prod.country}}直邮</i>
							</div>
							<div class="middle">
								<span class="prod_id" style="display: none;">{{prod.id}}</span>
								<ul>
									<li><input type="checkbox" name="" class="check-all" checked="checked" /></li>
									<li><img src="{{prod.img}}"/></li>
									<li>{{prod.title}}</li>
									<li>{{prod.weight}}</li>
									<li>￥{{prod.price}}</li>
									<li class="change-amount">
										<span class="decrement">-</span>
										<input type="text" name="" id="" value="{{prod.amount}}" />
										<span class="increment">+</span>
									</li>
									<li class="prod-count">￥{{prod.price*prod.amount}}</li>
									<li class="del">删除</li>
								</ul>						
							</div>
							<div class="bottom">
			                    <span class="product-all-price">商品金额合计：￥{{prod.price*prod.amount}}</span>
			                    <span class="product-all-weight">重量：{{prod.weight}}g</span>
			                    <span class="product-all-shipping-cost">运费：￥35.00 <a href="http://www.haituncun.com/helper/faq/shipping-costs/" class="shipping-cost-list" title="查看运费计算表"></a></span>
			                    <span class="product-all-tax">关税：{{prod.tariff}}（商家承担）</span>
							</div>
						</div>
					</div>
					{{/each}}
				</script>
				
		
	<footer></footer>	 	
</body>
</html>		